$('#spans').on('click', '.spanSovel', function() {
    $('.spanSovel').removeClass('active')
    $(this).addClass('active')
    var num = $(this).attr('data-num')

    $('#imgs').attr('src', function() {
        return `image/beijing${num}.jpg`
    })
})
$('#spans1').on('click', '.spanSovels', function() {
    $('.spanSovels').removeClass('active')
    $(this).addClass('active')
    var texts = $(this).attr('title')
    $('#Pcontent').text(texts)
    var num = $(this).attr('data-nums')
    $('#imgs1').attr('src', function() {
        return `image/news${num}.jpg`
    })
})

var i = 1
var j = 1

function imgs() {
    i++
    if (i > 3) {
        i = 1
    }
    $('#imgs').attr('src', `image/beijing${i}.jpg`)
    $(`[data-num]`).removeClass('active')
    $(`[data-num=${i}]`).addClass('active')
}

function imgs1() {
    j++
    if (j > 3) {
        j = 1
    }
    var texts = $(`[data-nums=${j}]`).attr('title')
    $('#Pcontent').text(texts)
    $('#imgs1').attr('src', `image/news${j}.jpg`)
    $(`[data-nums]`).removeClass('active')
    $(`[data-nums=${j}]`).addClass('active')
}
setInterval(imgs, 4000)
setInterval(imgs1, 3000)